html, body {
  padding: 0;
  margin: 0;
}


#menu {
  position: fixed;
  width: 12em;
  background-color: #BEBEBE;   
}

div ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

div li {                    /* 做最少量的設定，大多數的設定在 <a> */
  display: inline-block;    /* 行內區塊顯示，因此允許橫向排列 */
  margin-bottom: 40px        /* 按鈕間距 */
}

div li a {                  /* 大多數的按鈕外觀在此設定 */
  display: block;           /* 區塊顯示，因此允許設定 padding */
  color: black;
  text-decoration: none;
  padding: 0.5em 2em;       /* 按鈕尺寸由 <a> 撐開 */
  background-color: lightgray;
  border-radius: 10px;
  border: 1px solid black;  
}


#content {
  margin-left: 12em;
    background: url("../img/unnamed.jpg");
    background-size: 100% 100%;
}

p {
  margin: 0;
  padding: 0;
}

footer {
  margin-top: auto;
  padding: 3px;
  background-color:#B8B8DC;
  text-align: right;
    
}

#panwang {
  text-align: center;
  font-family: "League-Gothic", Courier;
  font-size: 3em;  
  color: #2F0000;
  text-shadow:
    10px -10px 30px #feec85,
   -20px -20px 40px #ffae34,
    20px -40px 50px #ec760c,
   -20px -60px 60px #cd4606,
     0   -80px 70px #973716,
    10px -90px 80px #451b0e;
}

a:link {
  color: deeppink;
  text-decoration: none;
}
a:hover {
  color: deepskyblue;
  text-decoration: underline;
}
a:active {
  color: darkcyan;
}

h1{
  color:#272727;
  text-align: center;
 
}